<script src="{dede:global.cfg_templets_skin/}/js/SlideTrans.js"></script>
<link href="{dede:global.cfg_templets_skin/}/style/picChange_02.css" rel="stylesheet" media="screen" type="text/css" />
    <script type="text/javascript">    
       function changPic(){ 
              var idslider=document .getElementById ("idSlider2");
              var idContainer2=document .getElementById ("idContainer2");
              
              if(idslider==null||idContainer2 ==null){
                        return;
              }
              var nums = [], timer, n = $$("idSlider2").getElementsByTagName("li").length,
	      st = new SlideTrans("idContainer2", "idSlider2", n, {
	                              onStart: function(){//设置按钮样式
			              forEach(nums, function(o, i){ o.className = st.Index == i ? "on" : ""; })
	                            }
	                          });
              for(var i = 1; i <= n; AddNum(i++)){};
              function AddNum(i){
    
                    var num = $$("idNum").appendChild(document.createElement("li"));
                    num.innerHTML = i--;
                    num.onmouseover = function(){
                        //alert (i);
                            timer = setTimeout(function(){ num.className = "on"; st.Auto = false; st.Run(i); }, 200);
                    }
                    num.onmouseout = function(){ clearTimeout(timer); num.className = ""; st.Auto = true; st.Run(); }
                    nums[i] = num;
              }
             st.Run();
      }
       </script>
       
              <div  class="img_container" id="idContainer2">
                 <div class="container">  
                    <ul id="idSlider2">
                        <li><img src="{dede:global.cfg_templets_skin/}/images/pic_01.jpg" alt="" /></li>
                        <li><img src="{dede:global.cfg_templets_skin/}/images/pic_03.jpg" alt="" /></li>
                        <li><img src="{dede:global.cfg_templets_skin/}/images/pic_02.jpg" alt="" /></li>
                    </ul>
                    <ul class="num" id="idNum" style="display:none"></ul>
                  </div>
             </div>
    <script  type ="text/javascript">changPic();</script>
    <!-- 图片转换结束 -->   
